@charset "utf-8";

* {
  box-sizing: border-box;
}

.zone {

  height: calc(100vh - 47px) !important;
  margin-top: 47px;
  background-color: #103C63;
}

.main {
  /* margin: 5px; */
  padding: 5px;
  height: 100%;
  background-color: #103C63;
  /* border: 2px solid #88ADCF; */

}

.counter {
  width: 100%;
  height: 100%;
  background-color: #f7efde;
  overflow-y: auto;
  position: relative;
}

.counter .box_top {
  height: 40px;
  width: 100%;
  background-color: #ddbc92;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  font-size: 18px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #5A4531;
  font-weight: 500;
}

.counter .box_top span {
  font-size: 11px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #019535;
}

.counter .bot {
  height: calc(100% - 40px);
  background-color: #f7efde;
  padding: 5px;
  padding-bottom: 80px;
}

.counter .bot .bot_list {
  width: 100%;
  height: 50px;
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/task/week.png') no-repeat;
  background-size: 100% 100%;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 15px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #896541;
}

.counter .bot .bot_list .right_r {
  display: flex;
  align-items: center;
}

.counter .bot .bot_list .right_r img {
  height: 20px;
  width: 20px;
}

.counter .bot .bot_list .right_r span {
  font-size: 15px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #5A4531;
}

.counter .bot .bot_list .right {
  width: 56px;
  height: 29px;
  line-height: 29px;
  color: #fff;
  text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;
  text-align: center;
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/public/btn3.png') no-repeat;
  background-size: 100% 100%;
}

.counter .bot .bot_list .hui {
  width: 56px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/public/huidi.png') no-repeat;
  background-size: 100% 100%;
  color: #fff;
  text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;
}

.counter .bot_b {
  position: fixed;
  bottom: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-around;
  font-size: 19px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #5A4531;
}

.counter .bot_b .left {
  display: flex;
  align-items: center;
}

.counter .bot_b .left img {
  width: 20px;
  height: 20px;
}

.counter .bot_b .rig {
  width: 82px;
  height: 42px;
  text-align: center;
  line-height: 42px;
  background: url('http://img.qxgs.cc/tiantianlaishouzu/img/public/btn3.png') no-repeat;
  background-size: 100% 100%;
  font-size: 16px;
  font-family: Adobe Heiti Std;
  font-weight: normal;
  color: #FFFFFF;
  text-shadow: 1px 1px 1px #112977, 1px -1px 1px #112977, -1px 1px 1px #112977, -1px -1px 1px #112977;

}